<!doctype html>
{% load static %}
<html class="no-js" lang="zxx">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title> 修改专业信息_高校培养方案 </title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="manifest" href="site.webmanifest">
    <link rel="shortcut icon" type="image/x-icon" href="{% static 'excleapp/img//logo/loder.png' %}">

    <!-- CSS here -->
    <style>
    .name{
        margin-bottom:5px;
        font-weight:bold;
    }
    </style>

    <link rel="stylesheet" href="{% static 'excleapp/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'excleapp/css/owl.carousel.min.css' %}">
    <link rel="stylesheet" href="{% static 'excleapp/css/slicknav.css' %}">
    <link rel="stylesheet" href="{% static 'excleapp/css/flaticon.css' %}">
    <link rel="stylesheet" href="{% static 'excleapp/css/gijgo.css' %}">
    <link rel="stylesheet" href="{% static 'excleapp/css/animate.min.css' %}">
    <link rel="stylesheet" href="{% static 'excleapp/css/magnific-popup.css' %}">
    <link rel="stylesheet" href="{% static 'excleapp/css/fontawesome-all.min.css' %}">
    <link rel="stylesheet" href="{% static 'excleapp/css/themify-icons.css' %}">
    <link rel="stylesheet" href="{% static 'excleapp/css/slick.css' %}">
    <link rel="stylesheet" href="{% static 'excleapp/css/nice-select.css' %}">
    <link rel="stylesheet" href="{% static 'excleapp/css/style.css' %}">
    <link rel="stylesheet" href="{% static 'excleapp/css/informations.css' %}">

</head>
<body>
<!--? Preloader Start -->
<div id="preloader-active">
    <div class="preloader d-flex align-items-center justify-content-center">
        <div class="preloader-inner position-relative">
            <div class="preloader-circle"></div>
            <div class="preloader-img pere-text">
                <img src="{% static 'excleapp/img/logo/loder.png' %}" alt="">
            </div>
        </div>
    </div>
</div>
<!-- Preloader Start -->
<header>
    <!-- Header Start -->
    <div class="header-area">
        <div class="main-header ">
            <div class="header-top d-none d-lg-block">
                <!-- Left Social -->
                <div class="header-left-social">
                    <ul class="header-social">
                        <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                        <li><a href="https://www.facebook.com/sai4ull"><i class="fab fa-facebook-f"></i></a></li>
                        <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                        <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
                    </ul>
                </div>
                <div class="container">
                    <div class="col-xl-12">
                        <div class="row d-flex justify-content-between align-items-center">
                            <div class="header-info-left">
                                <ul>
                                    <li style="font-weight:bold; color:black;">本科人才培养方案</li>
                                </ul>
                            </div>
                            <div class="header-info-right">
                                <ul>
                                    <li>专业：{{ major }}</li>
                                    <li><a href="#"><i class="ti-user"></i>Login</a></li>
                                    <li><a href="#"><i class="ti-lock"></i>Register</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="header-bottom header-sticky">
                <!-- Logo -->
                <div class="logo d-none d-lg-block">
                    <a href="index.html"><img src="{% static 'excleapp/img/logo/loder.png' %}" alt=""></a>
                </div>
                <div class="container">
                    <div class="menu-wrapper">
                        <!-- Logo -->
                        <div class="logo logo2 d-block d-lg-none">
                            <a href="index.html"><img src="{% static 'excleapp/img/logo/logo.png' %}" alt=""></a>
                        </div>
                        <!-- Main-menu -->
                        <div class="main-menu d-none d-lg-block">
                            <nav>
                                <ul id="navigation">
                                    <li><a href="/index">首页</a></li>
                                    <li><a href="/upcourse">本科培养方案</a></li>
                                    <li><a href="/about.html">About</a></li>
                                    <li><a href="/instructor.html">Instructors</a></li>
                                    <li><a href="/blog.html">Blog</a>
                                        <ul class="submenu">
                                            <li><a href="/blog.html">Blog</a></li>
                                            <li><a href="/blog_details.html">Blog Details</a></li>
                                            <li><a href="elements.html">Element</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html">Contact</a></li>
                                </ul>
                            </nav>
                        </div>
                        <!-- Header-btn -->
                        <div class="header-search d-none d-lg-block">
                            <form action="#" class="form-box f-right ">
                                <input type="text" name="Search" placeholder="Search Courses">
                                <div class="search-icon">
                                    <i class="fas fa-search special-tag"></i>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!-- Mobile Menu -->
                    <div class="col-12">
                        <div class="mobile_menu d-block d-lg-none"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Header End -->
</header>
<main>
    <div style="padding:40px;">
        <div style="margin-bottom:30px; height:auto;width:100%">
            <form class="form-contact comment_form" action="/upmajor/" id="qihuan" method="post"
                  enctype="multipart/form-data">
                {% csrf_token %}
                <dt><h2 class="section-tittle text-center mb-70" style="position:center;font-weight: 800;">填 写 专 业 信
                    息</h2></dt>
                <div class="col-lg-6">
                    <div class="name" style="margin-left:16px">1. 专业</div>
                    <div class="input-group" style="margin-left: 20px;">
                        <input type="text" class="form-control" placeholder="content" style="border: 1px solid #a4aabb;" aria-label="Text input with segmented button dropdown" name="inputmajor" id="txt" value="{{ major }}">
                        <div class="input-group-btn">
                            <select id="test" onchange="tt(this.id)" class="dropdown-toggle"
                                    style="width: 7%;">
                                <option value="0">请选择专业</option>
                                {% for dbmajor in majors %}
                                <option value="{{ dbmajor.id }}">{{ dbmajor.major }}</option>
                                {% endfor %}
                            </select>
                            <script>
                                    function tt(id) {
                                        var aa = document.getElementById(id);
                                        var i = aa.selectedIndex;
                                        var text = aa.options[i].text;
                                        var value = aa.options[i].value;
                                        if(value == 0) {
                                            text = "";
                                        document.getElementById("txt").disabled=false;
                                        }
                                        document.getElementById("txt").value = text;
                                    }
                            </script>
                            <button type="submit" class="genric-btn primary radius" style="float:left;padding:3px 30px;"> 切换专业</button>
                        </div>
                    </div><!-- /.input-group -->
                </div><!-- /.col-lg-6 -->
            </form>
        </div>

        <form class="form-contact comment_form" action="/information/" id="commentForm" method="post"
              enctype="multipart/form-data">
            {% csrf_token %}
            <dl style="margin-left: 20px;">
                <dd>
                    <div class="col-12">
                        <div class="name">2. 主干学科：</div>
                        <div class="form-group">
                            <textarea class="form-control" name="mainSubjects" cols="20" rows="4"
                                      placeholder="content" style="border: 1px solid #a4aabb;height: 100px">{{ mainSubjects}}</textarea>
                        </div>
                    </div>
                </dd>
                <dd>
                    <div class="col-12">
                        <div class="name">3. 主要实践性教学环节：</div>
                        <div class="form-group">
                            <textarea class="form-control w-100" name="mainPracticeTeachingLinks" cols="20" rows="4"
                                      placeholder="content" style="border: 1px solid #a4aabb;">{{ mainPracticeTeachingLinks }}</textarea>
                        </div>
                    </div>
                </dd>
                <dd>
                    <div class="col-12">
                        <div class="name">4. 专业核心课程：</div>
                        <div class="form-group">
                            <textarea class="form-control w-100" name="professionalCoreCourses" cols="20" rows="4"
                                      placeholder="content" style="border: 1px solid #a4aabb;">{{ professionalCoreCourses }}</textarea>
                        </div>
                    </div>
                </dd>
                <dd>
                    <div class="col-12">
                        <div class="name">4. 培养目标：</div>
                        <div class="form-group">
                            <textarea class="form-control w-100" name="educationalObjectives" cols="20" rows="4"
                                      placeholder="content" style="border: 1px solid #a4aabb;">{{ educationalObjectives }}</textarea>
                        </div>
                    </div>
                </dd>
                <dd>
                    <div class="col-12">
                        <div class="name">6. 培养要求：</div>
                        <div class="form-group">
                            <textarea class="form-control w-100" name="educationRequirement" cols="20" rows="4"
                                      placeholder="content" style="border: 1px solid #a4aabb;">{{ educationRequirement }}</textarea>
                        </div>
                    </div>
                </dd>
                <dd>
                    <div class="col-12">
                        <div class="form-group">
                            <div class="name">7. 培养预期：</div>
                            <textarea class="form-control" name="trainingExpected" cols="20" rows="4"
                                      placeholder="content"
                                      style="border: 1px solid #a4aabb;">{{ trainingExpected }}</textarea>
                        </div>
                    </div>
                </dd>
                <dd>
                    <div class="form-group">
                        <button type="submit" name="templateSubmint" class="btn">提交</button>
                    </div>
                </dd>
            </dl>
        </form>
    </div>
</main>
<!-- Scroll Up -->
<div id="back-top">
    <a title="Go to Top" href="#"> <i class="fas fa-level-up-alt"></i></a>
</div>

<!-- JS here -->
<script src="{% static 'excleapp/js/vendor/modernizr-3.4.0.min.js' %}"></script>

<!-- Jquery, Popper, Bootstrap -->
<script src="{% static 'excleapp/js/vendor/jquery-1.12.4.min.js' %}"></script>
<script src="{% static 'excleapp/js/popper.min.js' %}"></script>
<script src="{% static 'excleapp/js/bootstrap.min.js'%}"></script>

<!-- Jquery Mobile Menu -->
<script src="{% static 'excleapp/js/jquery.slicknav.min.js'%}"></script>

<!-- Jquery Slick , Owl-Carousel Plugins -->
<script src="{% static 'excleapp/js/owl.carousel.min.js'%}"></script>
<script src="{% static 'excleapp/js/slick.min.j'%}"></script>

<!-- One Page, Animated-HeadLin -->
<script src="{% static 'excleapp/js/wow.min.js'%}"></script>
<script src="{% static 'excleapp/js/animated.headline.js'%}"></script>
<script src="{% static 'excleapp/js/jquery.magnific-popup.js'%}"></script>

<!-- Date Picker -->
<script src="{% static 'excleapp/js/gijgo.min.js'%}"></script>
<!-- Nice-select, sticky -->
<script src="{% static 'excleapp/js/jquery.nice-select.min.js'%}"></script>
<script src="{% static 'excleapp/js/jquery.sticky.js'%}"></script>

<!-- counter , waypoint -->
<script src="{% static 'excleapp/js/jquery.counterup.min.js'%}"></script>
<script src="{% static 'excleapp/js/waypoints.min.js'%}"></script>

<!-- contact js -->
<script src="{% static 'excleapp/js/contact.js'%}"></script>
<script src="{% static 'excleapp/js/jquery.form.js'%}"></script>
<script src="{% static 'excleapp/js/jquery.validate.min.js'%}"></script>
<script src="{% static 'excleapp/js/mail-script.js'%}"></script>
<script src="{% static 'excleapp/js/jquery.ajaxchimp.min.js'%}"></script>


<!-- Jquery Plugins, main Jquery -->
<script src="{% static 'excleapp/js/plugins.js'%}"></script>
<script src="{% static 'excleapp/js/main.js'%}"></script>


</body>
</html>